<!-- BEGIN HEADER -->
<header class="header white-bg">
	<!-- SIDEBAR TOGGLE BUTTON -->
	<div class="sidebar-toggle-box">
		<div data-placement="right" class="fa fa-bars tooltips">
		</div>
	</div>
	<!-- SIDEBAR TOGGLE BUTTON  END-->
	<a href="{:url('admin/index/index')}" class="logo">
		{$yun_config.title}<span class="hidden-phone">{$yun_config.web_name}</span>
	</a>
	
	<!-- START HEADER  NAV -->
	<nav class="nav notify-row" id="top_menu">

		<ul class="nav top-menu">
			<!-- START NOTIFY TASK BAR -->
			<li class="dropdown">
				<a data-toggle="dropdown" class="dropdown-toggle" href="#">
					<i class="fa fa-tasks"></i>
					<span class="badge bg-success">2</span>
				</a>

				<ul class="dropdown-menu extended tasks-bar">
					<li class="notify-arrow notify-arrow-blue">
					</li>
					<li>
						<p class="blue">
							您有2个任务待处理
						</p>
					</li>
					<li>
						<a href="#">
							<div class="task-info">
								<div class="desc">
									Dashboard v1.3
								</div>
								<div class="percent">
									40%
								</div>
							</div>
							<div class="progress progress-striped">
								<div class="progress-bar progress-bar-success set-40" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
									<span class="sr-only">40% Complete (success)</span>
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="task-info">
								<div class="desc">
									Database Update
								</div>
								<div class="percent">
									60%
								</div>
							</div>
							<div class="progress progress-striped">
								<div class="progress-bar progress-bar-warning set-60" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100">
									<span class="sr-only">60% Complete (warning)</span>
								</div>
							</div>
						</a>
					</li>
					<li class="external">
						<a href="#">
							See All Tasks
						</a>
					</li>
				</ul>
			</li>
			<!-- END NOTIFY TASK BAR -->

			<!-- START NOTIFY INBOX BAR -->
			<li id="header_inbox_bar" class="dropdown">
				<a data-toggle="dropdown" class="dropdown-toggle" href="#">
					<i class="fa fa-envelope-o"></i>
					<span class="badge bg-important">2</span>
				</a>
				<ul class="dropdown-menu extended inbox">
					<li class="notify-arrow notify-arrow-blue"></li>
					<li>
						<p class="blue">
							You have 2 new messages
						</p>
					</li>
					<li>
						<a href="#">
							<span class="photo">
								<img alt="avatar" src="">
							</span>
							<span class="subject">
								<span class="from">Chintan Pandya</span>
							<span class="time">Just now</span>
							</span>
							<span class="message">
								Hello, this is an example msg.
							</span>
						</a>
					</li>
					<li>
						<a href="#">
							<span class="photo">
								<img alt="avatar" src="">
							</span>
							<span class="subject">
								<span class="from">Parth Jani</span>
							<span class="time">10 mins</span>
							</span>
							<span class="message">
								Hi, Bro how are you ?
							</span>
						</a>
					</li>
					<li>
						<a href="#">
							See all messages
						</a>
					</li>
				</ul>
			</li>
			<!-- END NOTIFY INBOX BAR -->

			<!-- START NOTIFY NOTIFICATION BAR -->
			<li id="header_notification_bar" class="dropdown">
				<a data-toggle="dropdown" class="dropdown-toggle" href="#">
					<i class="fa fa-bell-o"></i>
					<span class="badge bg-warning">2</span>
				</a>
				<ul class="dropdown-menu extended notification">
					<li class="notify-arrow notify-arrow-blue"></li>
					<li>
						<p class="blue">You have 2 new notifications</p>
					</li>
					<li>
						<a href="#">
							<span class="label label-danger">
								<i class="fa fa-bolt"></i>
							</span> Server #3 overloaded.
							<span class="small italic">34 mins</span>
						</a>
					</li>
					<li>
						<a href="#">
							<span class="label label-warning">
								<i class="fa fa-bell"></i>
							</span> Server #10 not respoding.
							<span class="small italic">1 Hours</span>
						</a>
					</li>
					<li>
						<a href="#">
							See all notifications
						</a>
					</li>
				</ul>
			</li>
			<!-- END NOTIFY NOTIFICATION BAR -->
		</ul>
	</nav>
	<!-- END HEADER NAV -->

	<!-- START USER LOGIN DROPDOWN  -->
	<div class="top-nav ">
		<ul class="nav pull-right top-menu">
			<li>
				<input type="text" class="form-control search" placeholder="Search">
			</li>
			<li class="dropdown">
				<a data-toggle="dropdown" class="dropdown-toggle" href="#">
					<img alt="" src="{if condition="$yun_administrator['head_pic']['head_pic_30_thumb'] neq ''"}{$yun_administrator['head_pic']['head_pic_30_thumb']}{/if}">
					<span class="username">{$yun_administrator['username']}</span>
					<b class="caret"></b>
				</a>
				<ul class="dropdown-menu extended logout">
					<li class="log-arrow-up"></li>
					<li>
						<a href="{:url('admin/personal/index')}">
							<i class=" fa fa-suitcase"></i> 个人资料
						</a>
					</li>
					<li>
						<a href="{:url('admin/personal/changePwd')}">
							<i class="fa fa-cog"></i> 修改密码
						</a>
					</li>
					<li>
						<a href="{:url('admin/login/logout')}">
							<i class="fa fa-key"> </i> 退出
						</a>
					</li>
				</ul>
			</li>
		</ul>
	</div>
	<!-- END USER LOGIN DROPDOWN  -->
</header>
<!-- END HEADER -->